﻿
.ViewPort-Dragger-Horizontal
{
	/* do not change */
	width: 5px;
    position: relative;
    /* your style */
    background: url('Images/grabber.png') repeat-y 0 0;
    cursor: e-resize;
    
}
.ViewPort-Dragger-Vertical
{
	/* do not change */
	height: 5px;
    position: relative;
    /* your style */
    background: url('Images/grabber.png') repeat-x 0 0;
    cursor: n-resize;    
}

.ViewPort-Dragger-Horizontal:hover
{
    background: url('Images/grabber-hover.png') repeat-y 0 0;
}

.ViewPort-Dragger-Vertical:hover
{
    background: url('Images/grabber-hover.png') repeat-x 0 0;
}

.ViewPort-FirstView-Horizontal
{
    /*background-color:Blue;*/
}

.ViewPort-SecondView-Horizontal
{
    background: url(images/viewport_vE.jpg);
    background-repeat: repeat-y;
}

.ViewPort-FirstView-Vertical, .ViewPort-SecondView-Vertical
{
	/* do not change */
	position:relative;
	/* your style */
    overflow:auto;    
}

.ViewPort-Toggle-Horizontal, .ViewPort-Toggle-Vertical
{
	/* do not change */
	position: relative;
	/* your style */
    background-color: #B2BFDB;
    cursor: pointer;
    
}

.ViewPort-Toggle-Horizontal:hover, .ViewPort-Toggle-Vertical:hover
{
    background-color: #627BAD;
    cursor: pointer;
}

.ViewPort-FirstView-Horizontal, .ViewPort-SecondView-Horizontal, .ViewPort-Toggle-Horizontal, .ViewPort-Dragger-Horizontal
{
	/* do not change */
    margin-bottom: -10000px !important;
    padding-bottom: 10000px !important;
    float: left;
}
.ViewPort
{
    overflow: hidden;
    position: relative;
    border: dashed 1px silver;    
    float: none;
}

.ViewPort:after
{
	/* do not change */
    clear: both;
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    height: 0;
    visibility: hidden;
}
